<template>
<div class="About">
    <h1  class="active">我是About</h1>
</div>
</template>

<script>
export default{
    name:"about",
    mounted(){
        console.log("about组件被挂载")
    },
    created(){
         console.log("about组件被销毁")
    },
    activated(){
        console.log("about actived")
    },
    deactivated(){
        console.log("about deactived")

    }
}

 </script>
<style scoped>
.active{
    color:red;
}
</style>
